import React from "react";
import styles from "./reportCarousel.less";
import { Carousel } from "antd";

const ContentNav = () => {
  return (
    <div className={styles.carousel}>
      <div className={styles.tabline}></div>
      <Carousel autoplay>
        <div>
          <img
            src={require("@public/img/jk.jpg")}
            alt=""
            className={styles.carouselItem}
          />
        </div>
        <div>
          <img
            src={require("@public/img/haimian1.jpg")}
            alt=""
            className={styles.carouselItem}
          />
        </div>
        <div>
          <img
            src={require("@public/img/jk2.jpg")}
            alt=""
            className={styles.carouselItem}
          />
        </div>
        <div>
          <img
            src={require("@public/img/haimian3.jpg")}
            alt=""
            className={styles.carouselItem}
          />
        </div>
        <div>
          <img
            src={require("@public/img/xusong2.jpg")}
            alt=""
            className={styles.carouselItem}
          />
        </div>
      </Carousel>
    </div>
  );
};

export default ContentNav;
